
/**base**/
page{margin:0;padding:0; -webkit-overflow-scrolling:touch;position:relative;height:100%;background: #f5f5f5;}
.scroll-el{overflow:auto;}
html{font-size:62.5%;height:100%;-webkit-overflow-scrolling: touch;}
input,textarea{font-family: 'Microsoft yahei';}
select{-webkit-appearance: none;} 
::-webkit-scrollbar {display: none;}
image{width:100%;will-change: transform;height:auto;vertical-align: bottom;}
button {position: relative;display: block;margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;box-sizing: border-box;font-size: inherit;text-align: center;text-decoration: none;line-height: initial;border-radius: 0;-webkit-tap-highlight-color: transparent;overflow: initial;color: #000;background-color: inherit;}
button::after{border:0 none;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);text-decoration: none;}
i{font-style: initial;}

/* 碎片 */
.split{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;}
.split-line{display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow: hidden;text-overflow: ellipsis;}
.ani{transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;}
.hidden{overflow: hidden;}
.page_hide{height: 100%;overflow: hidden}

.m-b1{margin-bottom: 10rpx!important;}
.m-b2{margin-bottom: 20rpx!important;}
.m-b4{margin-bottom: 40rpx!important;}
.m-t1{margin-top: 10rpx!important;}
.m-t2{margin-top: 20rpx!important;}
.m-l1{margin-left: 10rpx!important;}
.m-l2{margin-left: 20rpx!important;}
.m-r1{margin-right: 10rpx!important;}
.m-r2{margin-right: 20rpx!important;}
.t-l{text-align: left!important;}
.t-r{text-align: right!important;}
.t-c{text-align: center!important;}

.f-s18{font-size:18rpx!important}
.f-s19{font-size:19rpx!important}
.f-s20{font-size:20rpx!important}
.f-s21{font-size:21rpx!important}
.f-s22{font-size:22rpx!important}
.f-s23{font-size:23rpx!important}
.f-s24{font-size:24rpx!important}
.f-s25{font-size:25rpx!important}
.f-s26{font-size:26rpx!important}
.f-s27{font-size:27rpx!important}
.f-s28{font-size:28rpx!important}
.f-s29{font-size:29rpx!important}
.f-s30{font-size:30rpx!important}
.f-s31{font-size:31rpx!important}
.f-s32{font-size:32rpx!important}
.f-s33{font-size:33rpx!important}
.f-s34{font-size:34rpx!important}
.f-s35{font-size:35rpx!important}
.f-s36{font-size:36rpx!important}
.f-s37{font-size:37rpx!important}
.f-s38{font-size:38rpx!important}
.f-s39{font-size:39rpx!important}
.f-s40{font-size:40rpx!important}
.f-s41{font-size:41rpx!important}
.f-s42{font-size:42rpx!important}
.f-s43{font-size:43rpx!important}
.f-s44{font-size:44rpx!important}
.f-s45{font-size:45rpx!important}
.f-s46{font-size:46rpx!important}
.f-s47{font-size:47rpx!important}
.f-s48{font-size:48rpx!important}
.f-s49{font-size:49rpx!important}
.f-s50{font-size:50rpx!important}
.f-s51{font-size:51rpx!important}
.f-s52{font-size:52rpx!important}
.f-s53{font-size:53rpx!important}
.f-s54{font-size:54rpx!important}
.f-s55{font-size:55rpx!important}
.f-s56{font-size:56rpx!important}
.f-s57{font-size:57rpx!important}
.f-s58{font-size:58rpx!important}
.f-s59{font-size:59rpx!important}
.f-s60{font-size:60rpx!important}

.f-s68{font-size:68rpx!important}

.textarea-placeholder,
.input-placeholder{
	color:#d0d0d0;
	font-size: 28rpx;
}
.f-wb{font-weight: bold!important;}
.f-red{color:#f00!important;}
.f-grey{color:#999!important;}
.f-green{color:green!important;}
.f-blue{color:#3399FF!important;} 
.f-orange{color:#ff9600!important;} 
.b-n{border-bottom: 0 none!important;}

.area-ctrl{display: flex;}
.a-t{align-self: flex-start!important;}
.a-b{align-self: flex-end!important;}
.a-c{align-self: center!important;}
.bg-img{width: 100%;}
/* 碎片 */

/* 垂直居中 */
.center{display: flex;align-items: center; justify-content: center;}

.t-r{text-align: right!important;}





